// out: home.wxss
@sp_bottom: 20rpx;
page {
	background: #f0f0f0;
}

/* 图标区域 开始 */
.icon_settings_body {
	width: 100%;
	display: flex;
	height: 165rpx;
	overflow: hidden;
	background-color: #ffffff;
	justify-content: center;
	flex-direction: row;
	z-index: 500;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	// margin-bottom: @sp_bottom;
}

.icon_w_body {
	width: 350rpx;
	overflow: hidden;
	height: 96rpx;
	display: flex;
	flex-direction: row;
	margin-left: 30rpx;
	justify-content: space-between;
}
/* 图标 */
.icon_body {
	width: 96rpx;
	height: 96rpx;
	overflow: hidden;
}
/* 点击图标外框 */
.tap_icon_body {
	display: flex;
	flex-direction: row;
	
}
/* 训练图标 */
.icon_train_body {
	width: 140rpx;
	height: 165rpx;
	overflow: hidden;
	background-image: url("https://6469-dida-1301153571.tcb.qcloud.la/icon/icon_train_1.svg?sign=c67328df759638ae43beb623ab631890&t=1583205771");
}
/* 设置按钮 */
.settings_btn_body {
	width: 140rpx;
	height: 165rpx;
	overflow: hidden;
	background-image: url("https://6469-dida-1301153571.tcb.qcloud.la/icon/icon_settings_2.svg?sign=2e39176b0a7fe600efc7d74c04983ae8&t=1580022938");
}


/* 图标区域 结束 */

/* 接收信息 开始 */

.rec_msg_n_body {
	width: 710rpx;
	display: flex;
	flex: 1;
	height: 1px;
	margin-top: 20rpx;
	margin-bottom: 20rpx;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	background-color: #ffffff;
	border-radius: 10rpx;
	padding: 10rpx;
}


// 接收信息单元 开始
.msg_rec_info_body {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.msg_rec_unit_body {
	display: flex;
	max-width: 600rpx;
	height: auto;
	overflow: hidden;
	background-color: #f7f7f7;
	border: 2rpx solid #f0f0f0;
	margin-bottom: 30rpx;
	border-radius: 0rpx 15rpx 15rpx 15rpx;
	align-items: center;
	justify-content: center;
}
.msg_rec_unit_n_body {
	margin: 10rpx;
}
.msg_rec_from_info_body {
	display: flex;
	flex: 1;
	// width: 100%;
	height: 50rpx;
	flex-direction: row;
	align-items: center;
}
.msg_rec_from_user {
	color: #999999;
	font-size: 30rpx;
}
.msg_rec_datetime_body {
	color: #cccccc;
	font-size: 25rpx;
	margin-left: 20rpx;
}
.msg_rec_line {
	width: 100%;
	height: 2rpx;
	background-color: #cecece;
}
.msg_rec_info_text_body {
	line-height: 40rpx;
	font-size: 30rpx;
	color: #666666;
	margin-bottom: 10rpx;
	word-break: break-all;
	word-wrap: break-word;

}
// 接收信息单元 结束


// 发送出去的信息单元 开始
.msg_send_info_body {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.msg_send_unit_body {
	display: flex;
	max-width: 600rpx;
	height: auto;
	overflow: hidden;
	background-color: #2997e1;
	// border: 2rpx solid #f0f0f0;
	margin-bottom: 30rpx;
	border-radius: 15rpx 0rpx 15rpx 15rpx;
	align-items: center;
	justify-content: center;
}
.msg_send_unit_n_body {
	margin: 10rpx;
}
.msg_send_from_info_body {
	display: flex;
	flex: 1;
	height: 50rpx;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: flex-start;
}
.msg_send_from_user {
	color: #c4e4f7;
	font-size: 30rpx;
}
.msg_send_datetime_body {
	color: #98c3ea;
	font-size: 25rpx;
	margin-right: 20rpx;
}
.msg_send_line {
	width: 100%;
	height: 2rpx;
	background-color: #98c3ea;
}
.msg_send_info_text_body {
	line-height: 40rpx;
	font-size: 30rpx;
	color: #ffffff;
	margin-bottom: 10rpx;
	word-break: break-all;
	word-wrap: break-word;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
// 发送出去的信息单元 结束

/* 接收信息 结束 */

/* 发送信息 开始 */
.send_msg_body {
	width: 100%;
	height: 125rpx;
	overflow: hidden;
	background-color: #fafafa;
	margin-bottom: @sp_bottom;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.text_input_body {
	width: 330rpx;
	height: 75rpx;
	overflow: hiden;
	background-color: #ffffff;
	border-radius: 15rpx;
	border: 2rpx solid #cccccc;
	margin-left: 30rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}
// 输入框
@input_width: 450rpx;
.input_text_1 {
	// flex: 1;
	// min-width: @input_width;
	// max-width: @input_width;
	// width: 96%;
	width: 96%;
	height: 65rpx;
	line-height: 65rpx;
	overflow: hidden;
	font-size: 30rpx;
	color: #666666;
	text-align: right;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	// background-color: #cccccc;
	word-wrap: normal;
	word-break: initial;
	white-space: nowrap;
}
// 输入框结束
.send_msg_btn_body {
	display: flex;
	width: 162rpx;
	height: 75rpx;
	overflow: hidden;
	border-radius: 1000rpx;
	margin-right: 30rpx;
	font-size: 35rpx;
	color: #ffffff;
	align-items: center;
	justify-content: center;
}
.del_msg_btn_body {
	display: flex;
	width: 162rpx;
	height: 75rpx;
	overflow: hidden;
	border-radius: 1000rpx;
	margin-right: 30rpx;
	font-size: 35rpx;
	color: #ffffff;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 5rpx;
}
/* 发送信息 结束 */

/* 提示信息区域 开始 */
.info_body {
	width: 100%;
	height: 50rpx;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.info_text_body {
	width: 690rpx;
	height: 50rpx;
	line-height: 50rpx;
	color: #ffffff;
	font-size: 25rpx;
}
/* 提示信息区域 结束 */

@a_time: 0.2s;
// 遮罩层 开始
.mask_show {
	width: 100%;
	height: 100%;
	display: flex;
	position: fixed;
	z-index: 2000;
	background-color: RGBA(36, 70, 113, 0.5);
	flex-direction: column;
	justify-content: center;
	animation: mask_show_go @a_time linear 1 both;
}
.mask_hide {
	width: 0;
	height: 0;
	display: none;
	animation: mask_hide_go @a_time linear 1 both;
}


@keyframes mask_show_go {
	from {
		opacity: 0;
	}
	to {
		
		opacity: 1;
	}
}

@keyframes mask_hide_go {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		display: none;
		// width: 0;
		// height: 0;
	}
}

// 遮罩层 结束

// 设备选择弹出框开始
.dialog_hide {
	width: 690rpx;
	padding-bottom: 50rpx;
	overflow: hidden;
	border-radius: 30rpx 30rpx 0 0;
	background-color: #F0F0F0;
	position: fixed;
	bottom: 0;
	z-index: 3000;
	margin: 0 auto;
	left: 0;
	right: 0;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	animation: dialog_hide_go @a_time linear 1 forwards;
	// animation: dialog_hide_go 5s linear 1 forwards;
}
@keyframes dialog_hide_go {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translateY(100%);
	}
}


.dialog_show {
	width: 690rpx;
	padding-bottom: 50rpx;
	overflow: hidden;
	border-radius: 30rpx 30rpx 0 0;
	background-color: #F0F0F0;
	position: fixed;
	bottom: 0;
	z-index: 3000;
	margin: 0 auto;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	animation: dialog_show_go @a_time linear 1 both;
}
@keyframes dialog_show_go {
	from {
		opacity: 0;
		transform: translateY(100%);
	}
	to {
		opacity: 1;
		transform: translateY(0%);
	}
}



.dev_select_dialog_top_line_body {
	width: 100%;
	height: 40rpx;
	overflow: hidden;
	// background-color: red;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.dsd_line_body {
	width: 60%;
	height: 10rpx;
	overflow: hidden;
	background-color: #224573;
	border-radius: 1000rpx;
}
.dsd_list_body {
	width: 100%;
	// height: auto;
	// height: 120rpx;
	// overflow: hidden;
	background-color: #ffffff;
	margin: 20rpx 0 ;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.dsd_list_item_body {
	width: 100%;
	height: 120rpx;
	overflow: hidden;
	border-bottom: 2rpx solid #eeeeee;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.dsd_list_item_n_body {
	width: 90%;
	height: auto;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.dsd_item_name_body {
	font-size: 30rpx;
	color: #666666;

}
.dsd_item_rssi_body {
	font-size: 25rpx;
	color: #999999;
}
// 设备选择弹出框 结束

// 提示信息开始
.msg_body_show {
	width: 100%;
	height: 100%;
	position: fixed;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: RGBA(36, 70, 113, 0.5);
	// animation: msg_body_show_go 0.2s 1;
	animation: msg_body_show_go @a_time linear 1 both;
}
@keyframes msg_body_show_go {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.msg_body_hide {
	width: 0;
	height: 0;
	position: fixed;
	margin: 0 auto;
	display: none;
	// opacity: 0;
	justify-content: center;
	align-items: center;
	background-color: RGBA(36, 70, 113, 0.5);
	// animation: msg_body_show_go 0.2s 1;
	animation: msg_body_hide_go 2s linear 1 both;
}
@keyframes msg_body_hide_go {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
.msg_bordr_body {
	width: 550rpx;
	height: auto;
	overflow: hidden;
	border-radius: 20rpx;
	background-color: #F0F0F0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.msg_n_body {
	width: 90%;
	height: 90%;
	display: flex;
	overflow: hidden;
	flex-direction: column;
}
.msg_text_body {
	display: flex;
	flex: 1;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: #666666;
	font-size: 32rpx;
	margin: 50rpx auto;
	line-height: 40rpx;
	word-break: break-all;
	text-align: center;
}
.msg_btn_body {
	width: 100%;
	height: 110rpx;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
}
.msg_btn_1 {
	width: 200rpx;
	height: 70rpx;
	overflow: hidden;
	border-radius: 1000rpx;
	background: linear-gradient(to right bottom, #22A7F0, #3A75C2);
	color: #ffffff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 35rpx;
	box-shadow: 5rpx 15rpx 20rpx 0rpx RGBA(34, 136, 201, 0.53);
}
.msg_btn_2 {
	width: 200rpx;
	height: 70rpx;
	overflow: hidden;
	border-radius: 1000rpx;
	background: #ffffff;
	color: #666666;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 35rpx;
	box-shadow: 5rpx 15rpx 20rpx 0rpx RGBA(0, 0, 0, 0.20);
}


// 提示信息结束


